<!doctype html><html lang="en">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
  <title>SVG Native</title>
  <link href="../default.css" rel="stylesheet" type="text/css">
  <link href="https://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet" type="text/css">
  <link href="http://www.w3.org/TR/svg-native" rel="canonical">
<style>/* style-md-lists */

/* This is a weird hack for me not yet following the commonmark spec
   regarding paragraph and lists. */
[data-md] > :first-child {
    margin-top: 0;
}
[data-md] > :last-child {
    margin-bottom: 0;
}</style>
<style>/* style-counters */

body {
    counter-reset: example figure issue;
}
.issue {
    counter-increment: issue;
}
.issue:not(.no-marker)::before {
    content: "Issue " counter(issue);
}

.example {
    counter-increment: example;
}
.example:not(.no-marker)::before {
    content: "Example " counter(example);
}
.invalid.example:not(.no-marker)::before,
.illegal.example:not(.no-marker)::before {
    content: "Invalid Example" counter(example);
}

figcaption {
    counter-increment: figure;
}
figcaption:not(.no-marker)::before {
    content: "Figure " counter(figure) " ";
}</style>
<style>/* style-dfn-panel */

.dfn-panel {
    position: absolute;
    z-index: 35;
    height: auto;
    width: -webkit-fit-content;
    width: fit-content;
    max-width: 300px;
    max-height: 500px;
    overflow: auto;
    padding: 0.5em 0.75em;
    font: small Helvetica Neue, sans-serif, Droid Sans Fallback;
    background: #DDDDDD;
    color: black;
    border: outset 0.2em;
}
.dfn-panel:not(.on) { display: none; }
.dfn-panel * { margin: 0; padding: 0; text-indent: 0; }
.dfn-panel > b { display: block; }
.dfn-panel a { color: black; }
.dfn-panel a:not(:hover) { text-decoration: none !important; border-bottom: none !important; }
.dfn-panel > b + b { margin-top: 0.25em; }
.dfn-panel ul { padding: 0; }
.dfn-panel li { list-style: inside; }
.dfn-panel.activated {
    display: inline-block;
    position: fixed;
    left: .5em;
    bottom: 2em;
    margin: 0 auto;
    max-width: calc(100vw - 1.5em - .4em - .5em);
    max-height: 30vh;
}

.dfn-paneled { cursor: pointer; }
</style>
<style>/* style-selflinks */

.heading, .issue, .note, .example, li, dt {
    position: relative;
}
a.self-link {
    position: absolute;
    top: 0;
    left: calc(-1 * (3.5rem - 26px));
    width: calc(3.5rem - 26px);
    height: 2em;
    text-align: center;
    border: none;
    transition: opacity .2s;
    opacity: .5;
}
a.self-link:hover {
    opacity: 1;
}
.heading > a.self-link {
    font-size: 83%;
}
li > a.self-link {
    left: calc(-1 * (3.5rem - 26px) - 2em);
}
dfn > a.self-link {
    top: auto;
    left: auto;
    opacity: 0;
    width: 1.5em;
    height: 1.5em;
    background: gray;
    color: white;
    font-style: normal;
    transition: opacity .2s, background-color .2s, color .2s;
}
dfn:hover > a.self-link {
    opacity: 1;
}
dfn > a.self-link:hover {
    color: black;
}

a.self-link::before            { content: "¶"; }
.heading > a.self-link::before { content: "§"; }
dfn > a.self-link::before      { content: "#"; }</style>
<style>/* style-autolinks */

.css.css, .property.property, .descriptor.descriptor {
    color: #005a9c;
    font-size: inherit;
    font-family: inherit;
}
.css::before, .property::before, .descriptor::before {
    content: "‘";
}
.css::after, .property::after, .descriptor::after {
    content: "’";
}
.property, .descriptor {
    /* Don't wrap property and descriptor names */
    white-space: nowrap;
}
.type { /* CSS value <type> */
    font-style: italic;
}
pre .property::before, pre .property::after {
    content: "";
}
[data-link-type="property"]::before,
[data-link-type="propdesc"]::before,
[data-link-type="descriptor"]::before,
[data-link-type="value"]::before,
[data-link-type="function"]::before,
[data-link-type="at-rule"]::before,
[data-link-type="selector"]::before,
[data-link-type="maybe"]::before {
    content: "‘";
}
[data-link-type="property"]::after,
[data-link-type="propdesc"]::after,
[data-link-type="descriptor"]::after,
[data-link-type="value"]::after,
[data-link-type="function"]::after,
[data-link-type="at-rule"]::after,
[data-link-type="selector"]::after,
[data-link-type="maybe"]::after {
    content: "’";
}

[data-link-type].production::before,
[data-link-type].production::after,
.prod [data-link-type]::before,
.prod [data-link-type]::after {
    content: "";
}

[data-link-type=element],
[data-link-type=element-attr] {
    font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
    font-size: .9em;
}
[data-link-type=element]::before { content: "<" }
[data-link-type=element]::after  { content: ">" }

[data-link-type=biblio] {
    white-space: pre;
}</style>
 <body class="h-entry">
  <div class="head">
   <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C" width="72"> </a> </p>
   <h1 class="p-name no-ref" id="title">SVG Native</h1>
   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
   <div data-fill-with="spec-metadata">
    <dl>
     <dt>This version:
     <dd><a class="u-url" href="http://www.w3.org/TR/svg-native">http://www.w3.org/TR/svg-native</a>
     <dt>Feedback:
     <dd><span><a href="mailto:www-svg@w3.org?subject=%5Bsvg-native%5D%20YOUR%20TOPIC%20HERE">www-svg@w3.org</a> with subject line “<kbd>[svg-native] <i data-lt>… message topic …</i></kbd>” (<a href="http://lists.w3.org/Archives/Public/www-svg/" rel="discussion">archives</a>)</span>
     <dt class="editor">Editors:
     <dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:mmaxfield@apple.com">Myles C. Maxfield</a> (<a class="p-org org" href="https://apple.com">Apple Inc</a>)
     <dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:sppatel@adobe.com">Sairus Patel</a> (<a class="p-org org" href="https://adobe.com">Adobe</a>)
    </dl>
   </div>
   <div data-fill-with="warning"></div>
   <p class="copyright" data-fill-with="copyright"> <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2019 <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply. This document includes material copied from or derived from the <a href="https://www.w3.org/TR/SVG2/">Scalable Vector Graphics (SVG) 2.0 Specification</a>. Copyright 2018 W3C® (MIT, ERCIM, Keio, Beihang). It is subject to the <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document">W3C Software Document Notice and License</a>. </p>
   <hr title="Separator for header">
  </div>
  <div class="p-summary" data-fill-with="abstract">
   <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
   <p>SVG Native is a profile of SVG 1.1 designed for interoperability with native apps and system libraries that execute outside the Web environment, and thus cannot rely on features such as linking, interactivity, animation, or the Web security model.</p>
  </div>
  <h2 class="no-num no-toc no-ref heading settled" id="status"><span class="content">Status of this document</span></h2>
  <div data-fill-with="status">
   <p> <em>This section describes the status of this document at the time of
	its publication. Other documents may supersede this document. A list of
	current W3C publications and the latest revision of this technical report
	can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
	index at http://www.w3.org/TR/.</a></em> </p>
   <p> This document is the 1 January 1970 <strong>Editor’s Draft</strong> of SVG Native. </p>
   <p> Comments on this Editor’s Draft are welcome. Comments can be sent to <a href="mailto:www-svg@w3.org?Subject=%5Bsvg-native%5D%20PUT%20SUBJECT%20HERE">www-svg@w3.org</a>,
	the public email list for issues related to vector graphics on the Web. This list is <a href="http://lists.w3.org/Archives/Public/www-svg/">archived</a> and senders must agree to have their message
	publicly archived from their first posting. To subscribe send an email to <a href="mailto:www-svg-request@w3.org?Subject=subscribe">www-svg-request@w3.org</a> with the word <code>subscribe</code> in the subject line. </p>
   <p> This document has been produced by the <a href="http://www.w3.org/Graphics/SVG/WG">SVG Working Group</a> as part of the <a href="http://www.w3.org/Graphics/Activity">Graphics Activity</a> within the <a href="http://www.w3.org/Interaction/">W3C Interaction Domain</a>. The goals of the W3C SVG Working Group are discussed in the <a href="http://www.w3.org/2007/11/SVG_rechartering/SVG-WG-charter.html">W3C SVG Charter</a>. The W3C SVG Working Group maintains a
	public Web page, <a href="http://www.w3.org/Graphics/SVG/">http://www.w3.org/Graphics/SVG/</a>, that contains further
	background information. The authors of this document are the SVG Working Group participants. </p>
   <p> This document was produced by a group operating under 
	the <a href="http://www.w3.org/Consortium/Patent-Policy/">W3C Patent Policy</a>. 
	W3C maintains a <a href="http://www.w3.org/2004/01/pp-impl/19480/status" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of each group; 
	these pages also includes instructions for disclosing a patent. 
	An individual who has actual knowledge of a patent which the individual believes contains <a href="http://www.w3.org/Consortium/Patent-Policy/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy/#sec-Disclosure">section 6 of the W3C Patent Policy</a>. </p>
   <p> A list of current W3C Recommendations and other technical documents can be found at <a href="http://www.w3.org/TR/">http://www.w3.org/TR/</a>. W3C publications may be updated, replaced, or
	obsoleted by other documents at any time. </p>
   <p></p>
  </div>
  <div data-fill-with="at-risk"></div>
  <nav data-fill-with="table-of-contents" id="toc">
   <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
   <ol class="toc" role="directory">
    <li>
     <a href="#intro"><span class="secno">1</span> <span class="content">Introduction</span></a>
     <ol class="toc">
      <li><a href="#usecases"><span class="secno">1.1</span> <span class="content">Use Cases</span></a>
      <li><a href="#basics"><span class="secno">1.2</span> <span class="content">Basics</span></a>
      <li><a href="#commonattributes"><span class="secno">1.3</span> <span class="content">Common Attributes</span></a>
      <li><a href="#modules"><span class="secno">1.4</span> <span class="content">SVG Modules</span></a>
     </ol>
    <li><a href="#render"><span class="secno">2</span> <span class="content">Rendering Model</span></a>
    <li><a href="#struct"><span class="secno">3</span> <span class="content">Document Structure</span></a>
    <li><a href="#styling"><span class="secno">4</span> <span class="content">Styling</span></a>
    <li><a href="#geometryproperties"><span class="secno">5</span> <span class="content">Geometry Properties</span></a>
    <li><a href="#coords"><span class="secno">6</span> <span class="content">Coordinate Systems, Transformations, and Units</span></a>
    <li><a href="#paths"><span class="secno">7</span> <span class="content">Paths</span></a>
    <li><a href="#text"><span class="secno">8</span> <span class="content">Text</span></a>
    <li><a href="#embedded"><span class="secno">9</span> <span class="content">Embedded Content</span></a>
    <li><a href="#painting"><span class="secno">10</span> <span class="content">Painting: Filling, Stroking, and Marker Symbols</span></a>
    <li><a href="#pservers"><span class="secno">11</span> <span class="content">Gradients and Patterns</span></a>
    <li><a href="#interact"><span class="secno">12</span> <span class="content">Scripting and Interactivity</span></a>
    <li><a href="#linking"><span class="secno">13</span> <span class="content">Linking</span></a>
    <li>
     <a href="#conformance"><span class="secno"></span> <span class="content"> Conformance</span></a>
     <ol class="toc">
      <li><a href="#conventions"><span class="secno"></span> <span class="content"> Document conventions</span></a>
      <li><a href="#conformance-classes"><span class="secno"></span> <span class="content"> Conformance classes</span></a>
      <li>
       <a href="#partial"><span class="secno"></span> <span class="content"> Partial implementations</span></a>
       <ol class="toc">
        <li><a href="#conform-future-proofing"><span class="secno"></span> <span class="content"> Implementations of Unstable and Proprietary Features</span></a>
       </ol>
      <li><a href="#testing"><span class="secno"></span> <span class="content"> Non-experimental implementations</span></a>
     </ol>
    <li>
     <a href="#index"><span class="secno"></span> <span class="content">Index</span></a>
     <ol class="toc">
      <li><a href="#index-defined-elsewhere"><span class="secno"></span> <span class="content">Terms defined by reference</span></a>
     </ol>
    <li>
     <a href="#references"><span class="secno"></span> <span class="content">References</span></a>
     <ol class="toc">
      <li><a href="#normative"><span class="secno"></span> <span class="content">Normative References</span></a>
      <li><a href="#informative"><span class="secno"></span> <span class="content">Informative References</span></a>
     </ol>
    <li><a href="#issues-index"><span class="secno"></span> <span class="content">Issues Index</span></a>
   </ol>
  </nav>
  <main>
   <h2 class="heading settled" data-level="1" id="intro"><span class="secno">1. </span><span class="content">Introduction</span><a class="self-link" href="#intro"></a></h2>
   <p><em>This section is non-normative</em></p>
   <p>SVG Native is a profile of SVG designed with the requirements of native apps. The environment native apps run in is different than the environment of Web browsers in a few fundamental ways:</p>
   <ol>
    <li data-md>
     <p><b>Security</b>: Web content is usually sandboxed, and has only a fraction of the capabilities that a native app has. One of the reasons for this sandboxing is to mitigate security risks that SVG content may contain. However, native apps are usually either not sandboxed or have a more permissive sandbox than Web content. Therefore, code that runs in a native app must be held to a higher standard of security.</p>
    <li data-md>
     <p><b>Performance</b>: Web content is usually run in a separate process, which means the performace of that process has only an indirect affect on the performance of the entire app. If this separate process stalls, the entire app can continue and gracefully degrade behavior. However, native code runs in the app’s process, which requires more stringent performance targets.</p>
   </ol>
   <p>SVG Native aims to adhere to the native app environment by meeting the above requirements.</p>
   <p>SVG Native also has one additional goal:</p>
   <ol start="3">
    <li data-md>
     <p><b>Ubiquity</b>: SVG Native should be implementable as a system component on any modern computing environment. This means it should be small, lightweight, and only have few dependencies. The dependencies it does have should be standard components that already exist in most computing environments.</p>
   </ol>
   <p>To meet these goals, SVG Native is a subset of SVG 1.1, which removes animation, interactivity, linking, remote resource loading, scripting, and CSS (among others).</p>
   <h3 class="heading settled" data-level="1.1" id="usecases"><span class="secno">1.1. </span><span class="content">Use Cases</span><a class="self-link" href="#usecases"></a></h3>
   <p><em>This section is non-normative</em></p>
   <p>SVG Native is designed to fit a number of use cases.</p>
   <ol>
    <li data-md>
     <p><b>Icons</b>: Icons are often small vector graphics containing few graphical elements.</p>
    <li data-md>
     <p><b>Emoji</b>: Emoji are often represented as small vector graphics.</p>
    <li data-md>
     <p><b>Color Fonts</b>: Each glyph in a font is represented as a series of vector contours. Color fonts allow the glyphs to include color, in addition to their contours.</p>
    <li data-md>
     <p><b>Drawings and sketches</b>: Drawings and sketches may be created with vector artwork tools. Depending on the complexity of the artwork, representing it using a series of vector drawing elements may result in a smaller file size than a raster format such as <a data-link-type="biblio" href="#biblio-png">[PNG]</a>. Drawings and sketches often need to be viewed outside of the Web platform.</p>
   </ol>
   <h3 class="heading settled" data-level="1.2" id="basics"><span class="secno">1.2. </span><span class="content">Basics</span><a class="self-link" href="#basics"></a></h3>
   <p>SVG Native is presented as a series of modifications of the <a href="https://svgwg.org/svg2-draft/conform.html#secure-static-mode">Secure Static Mode</a> of <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>. These modifications are applied as differences from that specification. Rather than being a strict line-by-line diff, this specification describes the differences directly.</p>
   <p>If functionality present in <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a> isn’t present in the SVG Native specification, SVG Native includes that functionality.</p>
   <p>There are numerous differences between the SVG Native format and the <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a> format. Currently, all differences are reductive; all functionality in SVG Native is also present in <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>. A conforming SVG Native document must only include functionality present in the SVG Native format. A conforming SVG Native renderer should ignore any functionality requested by a document that is not present in the SVG Native format. If a SVG Native renderer intentionally chooses to honor functionality beyond the SVG Native specification, it must do so in accordance with the <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a> specification. There are a few exceptions to this throughout this specification below, where an SVG Native renderer must not include some functionality from <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>.</p>
   <p class="note" role="note"><span>Note:</span> If a document uses parts of SVG that aren’t part of SVG Native, then it isn’t a conformant SVG Native document. When an SVG Native renderer opens such a file, it should ignore all of those parts. Therefore, all SVG Native renderers should produce the same rendering for the same document. However, there may be renderers which intentionally decide to honor parts of SVG that aren’t part of SVG Native. In order to make it more likely that a given document’s rendering is predictable, even in these renderers, SVG Native authoring tools are recommended to always emit documents that conform to this specification. The SVG Working Group is considering producing a validator to determine whether a given document is conformant to the SVG Native format.</p>
   <p class="issue" id="issue-7110f720"><a class="self-link" href="#issue-7110f720"></a> The file type and mime type is being discussed in <a href="https://github.com/w3c/svgwg/issues/664">this GitHub issue</a>.</p>
   <p>SVG Native is a standalone file type, expected to be rendered with a dedicated-purpose renderer. Therefore, SVG Native content must not be present as part of a larger XML (or HTML) document. If it is present as part of a larger XML (or HTML) document, the content should be interpreted as SVG proper.</p>
   <p class="note" role="note"><span>Note:</span> This means that browsers encounting a SVG Native root element within the DOM must not interpret it as SVG Native, even if it has the <a class="property" data-link-type="propdesc">baseAttribute</a> attribute set to <code>native</code>. If a Web author desires to use SVG Native on the Web, the <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element" id="ref-for-the-img-element">img</a></code> element may be used instead. This matches other native image formats such as <a data-link-type="biblio" href="#biblio-png">[PNG]</a>. A Web browser should implement SVG Native by linking with the system’s SVG Native facilities. This matches the implementation of other native image formats.</p>
   <p>The root element of an SVG Native document must have the <a class="property" data-link-type="propdesc">baseAttribute</a> attribute set to <code>native</code> and the <a class="property" data-link-type="propdesc">version</a> attribute set to <code>1.1</code>.</p>
   <p>The file extension for SVG Native is <code>.svn</code>. The UTI for SVG Native is <code>public.svg.native</code>. The MIME type for SVG Native is <code>image/svgnative+xml</code>.</p>
   <p>User agents may limit the reference depth of references to implementation-dependent maximas. However, this limit must be greater than or equal to 1 reference.</p>
   <p>XSL Processing is not supported by SVG Native.</p>
   <p>No namespaces other than <a href="https://www.w3.org/TR/xlink11/">xlink</a> are supported inside an SVG Native document. From the xlink namespace, only <a class="property" data-link-type="propdesc">href</a> is supported.</p>
   <p>A valid SVG Native document must not contain any of the external or internal XML DTD subset.</p>
   <h3 class="heading settled" data-level="1.3" id="commonattributes"><span class="secno">1.3. </span><span class="content">Common Attributes</span><a class="self-link" href="#commonattributes"></a></h3>
   <p>SVG 2.0 defines sets of common attributes wich might apply to multiple elements. These sets of attributes are not supported by SVG Native:</p>
   <ul>
    <li data-md>
     <p>aria attributes</p>
    <li data-md>
     <p>conditional processing attributes</p>
    <li data-md>
     <p>all core attributes except for <a class="property" data-link-type="propdesc">id</a></p>
    <li data-md>
     <p>global event attributes</p>
    <li data-md>
     <p>document element event attributes</p>
    <li data-md>
     <p>graphical event attributes</p>
    <li data-md>
     <p>deprecated xlink attributes except for 'xlink:href'</p>
    <li data-md>
     <p><a class="property" data-link-type="propdesc">crossorigin</a></p>
   </ul>
   <h3 class="heading settled" data-level="1.4" id="modules"><span class="secno">1.4. </span><span class="content">SVG Modules</span><a class="self-link" href="#modules"></a></h3>
   <p>SVG Native is a subset of the content in the <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a> specification, and some associated modules. They are:</p>
   <ul>
    <li data-md>
     <p><a href="https://www.w3.org/TR/2018/REC-css-color-3-20180619/">CSS Color</a></p>
    <li data-md>
     <p><a href="https://www.w3.org/TR/css-values-3/">CSS Values and Units</a></p>
    <li data-md>
     <p><a href="https://www.w3.org/TR/css-masking-1/">CSS Masking</a></p>
   </ul>
   <p>No other SVG modules are supported by SVG Native. This includes:</p>
   <ul>
    <li data-md>
     <p><a href="https://www.w3.org/TR/filter-effects-1/">CSS Filter Effects</a></p>
    <li data-md>
     <p><a href="https://svgwg.org/specs/animations/">SVG Animations</a></p>
   </ul>
   <h2 class="heading settled" data-level="2" id="render"><span class="secno">2. </span><span class="content">Rendering Model</span><a class="self-link" href="#render"></a></h2>
   <p>SVG Native does not support masking.</p>
   <p>The following attributes are not supported by SVG Native:</p>
   <ul>
    <li data-md>
     <p><a class="property" data-link-type="propdesc">clipPathUnits</a></p>
    <li data-md>
     <p><a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-clip" id="ref-for-propdef-clip">clip</a></p>
   </ul>
   <p>The <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-overflow-3/#valdef-overflow-scroll" id="ref-for-valdef-overflow-scroll">scroll</a> value on the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow" id="ref-for-propdef-overflow">overflow</a> property behaves identically to <a class="property" data-link-type="propdesc">hidden</a>.</p>
   <p>The <a class="property" data-link-type="propdesc" href="https://drafts.fxtf.org/css-masking-1/#propdef-clip-path" id="ref-for-propdef-clip-path">clip-path</a> attribute is not supported on a <code><a data-link-type="element" href="https://drafts.fxtf.org/css-masking-1/#elementdef-clippath" id="ref-for-elementdef-clippath">clipPath</a></code> element.</p>
   <p>Every <code><a data-link-type="element" href="https://drafts.fxtf.org/css-masking-1/#elementdef-clippath" id="ref-for-elementdef-clippath①">clipPath</a></code> element must have either exactly zero or exactly one child. Anything more than that is not supported by SVG Native.</p>
   <p>The <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-overflow-3/#valdef-overflow-scroll" id="ref-for-valdef-overflow-scroll①">scroll</a> and the <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-scroll-snap-1/#valdef-scroll-padding-auto" id="ref-for-valdef-scroll-padding-auto">auto</a> values of the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow" id="ref-for-propdef-overflow①">overflow</a> property are not supported by SVG Native.</p>
   <h2 class="heading settled" data-level="3" id="struct"><span class="secno">3. </span><span class="content">Document Structure</span><a class="self-link" href="#struct"></a></h2>
   <p>The root element must be an <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-svg" id="ref-for-elementdef-svg">svg</a></code> element, and all other <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-svg" id="ref-for-elementdef-svg①">svg</a></code> elements are not supported by SVG Native.</p>
   <p>Conditional processesing attributes and elements are not supported in SVG Native. These include the <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-switch" id="ref-for-elementdef-switch">switch</a></code> element.</p>
   <p>The <code><a data-link-type="element" href="https://html.spec.whatwg.org/multipage/semantics.html#meta" id="ref-for-meta">meta</a></code> and <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-metadata" id="ref-for-elementdef-metadata">metadata</a></code> elements are not supported in SVG Native.</p>
   <p>Elements in foreign namespaces are not supported in SVG Native. Attributes in foreign namespaces, except the xlink (<code>http://www.w3.org/1999/xlink</code>) namespace, are not supported in SVG Native.</p>
   <p>Because SVG Native is a subset of <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>'s Secure Static mode, only <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/embedded.html#elementdef-image" id="ref-for-elementdef-image">image</a></code> elements which contain base64-encoded <code>data:</code> URLs of <a data-link-type="biblio" href="#biblio-jpeg">[JPEG]</a> or <a data-link-type="biblio" href="#biblio-png">[PNG]</a> images are supported. <a data-link-type="biblio" href="#biblio-apng">[APNG]</a> images are be rendered without animation, using standard backward-compatibility with static <a data-link-type="biblio" href="#biblio-png">[PNG]</a> images. No other image format is supported by SVG Native.</p>
   <p>All external resource loading is forbidden.</p>
   <p>The <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-symbol" id="ref-for-elementdef-symbol">symbol</a></code> element is not supported by SVG Native.</p>
   <h2 class="heading settled" data-level="4" id="styling"><span class="secno">4. </span><span class="content">Styling</span><a class="self-link" href="#styling"></a></h2>
   <p>The <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/styling.html#elementdef-style" id="ref-for-elementdef-style">style</a></code> element and the <a class="property" data-link-type="propdesc">style</a> attribute are not supported in SVG Native.</p>
   <p class="note" role="note"><span>Note:</span> Style properties can be set by presentation attributes, which must be parsed and processed according to the SVG and CSS specifications, other than the specific restrictions outlined in this section.</p>
   <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-values-4/#funcdef-calc" id="ref-for-funcdef-calc">calc()</a> is not supported by SVG Native.</p>
   <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-env-1/#funcdef-env" id="ref-for-funcdef-env">env()</a> and <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-variables-1/#funcdef-var" id="ref-for-funcdef-var">var()</a> are supported by SVG Native.</p>
   <p class="note" role="note"><span>Note:</span> Because of the other restrictions on styling, there is no way to set new values to CSS custom properties inside an SVG Native document. However, some rendering environments (e.g., for SVG fonts) will expose custom property values from an external document, as if they were inherited by the root element of the SVG Native document; the `var()` function can therefore be used similar to the `env()` function, to access this value if it exists and set a fallback value if it doesn’t.</p>
   <p>The CSS <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-cascade-4/#propdef-all" id="ref-for-propdef-all">all</a> property is not supported by SVG Native.</p>
   <p>All the global CSS keywords are not supported by SVG Native. These include:</p>
   <ol>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-cascade-4/#valdef-all-initial" id="ref-for-valdef-all-initial">initial</a></p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-cascade-4/#valdef-all-inherit" id="ref-for-valdef-all-inherit">inherit</a></p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-cascade-4/#valdef-all-unset" id="ref-for-valdef-all-unset">unset</a></p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-cascade-4/#valdef-all-revert" id="ref-for-valdef-all-revert">revert</a></p>
   </ol>
   <p>Percentage length values are not supported by SVG Native.</p>
   <p><a data-link-type="dfn">Relative units</a> are not supported by SVG Native.</p>
   <h2 class="heading settled" data-level="5" id="geometryproperties"><span class="secno">5. </span><span class="content">Geometry Properties</span><a class="self-link" href="#geometryproperties"></a></h2>
   <p>Keyword values, such as <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-scroll-snap-1/#valdef-scroll-padding-auto" id="ref-for-valdef-scroll-padding-auto①">auto</a>, are not supported in the <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/geometry.html#CxProperty" id="ref-for-CxProperty">cx</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/geometry.html#CyProperty" id="ref-for-CyProperty">cy</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/geometry.html#RProperty" id="ref-for-RProperty">r</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/geometry.html#RxProperty" id="ref-for-RxProperty">rx</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/geometry.html#RyProperty" id="ref-for-RyProperty">ry</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/geometry.html#XProperty" id="ref-for-XProperty">x</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/geometry.html#YProperty" id="ref-for-YProperty">y</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-width" id="ref-for-propdef-width">width</a>, and <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-height" id="ref-for-propdef-height">height</a> attributes.</p>
   <p class="note" role="note"><span>Note:</span> Raw numbers are supported by these attributes, in accordance with the <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a> rules on parsing presentation attributes.</p>
   <h2 class="heading settled" data-level="6" id="coords"><span class="secno">6. </span><span class="content">Coordinate Systems, Transformations, and Units</span><a class="self-link" href="#coords"></a></h2>
   <p>Only the following units are supported by SVG Native:</p>
   <ul>
    <li data-md>
     <p>(unitless)</p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-values-4/#px" id="ref-for-px">px</a></p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-values-4/#pt" id="ref-for-pt">pt</a></p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-values-4/#pc" id="ref-for-pc">pc</a></p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-values-4/#mm" id="ref-for-mm">mm</a></p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-values-4/#cm" id="ref-for-cm">cm</a></p>
    <li data-md>
     <p><a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-values-4/#in" id="ref-for-in">in</a></p>
   </ul>
   <p>The <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transforms-1/#propdef-transform" id="ref-for-propdef-transform">transform</a> property is only supported by SVG Native on the following elements:</p>
   <ul>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-svg" id="ref-for-elementdef-svg②">svg</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-g" id="ref-for-elementdef-g">g</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-defs" id="ref-for-elementdef-defs">defs</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-use" id="ref-for-elementdef-use">use</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/embedded.html#elementdef-image" id="ref-for-elementdef-image①">image</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/paths.html#elementdef-path" id="ref-for-elementdef-path">path</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/shapes.html#elementdef-rect" id="ref-for-elementdef-rect">rect</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/shapes.html#elementdef-circle" id="ref-for-elementdef-circle">circle</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/shapes.html#elementdef-ellipse" id="ref-for-elementdef-ellipse">ellipse</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/shapes.html#elementdef-line" id="ref-for-elementdef-line">line</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/shapes.html#elementdef-polyline" id="ref-for-elementdef-polyline">polyline</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/shapes.html#elementdef-polygon" id="ref-for-elementdef-polygon">polygon</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://drafts.fxtf.org/css-masking-1/#elementdef-clippath" id="ref-for-elementdef-clippath②">clipPath</a></code></p>
   </ul>
   <p>The <a class="property" data-link-type="propdesc">viewBox</a> attribute is only supported by SVG Native on the <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-svg" id="ref-for-elementdef-svg③">svg</a></code> element.</p>
   <p>The <a class="property" data-link-type="propdesc">preserveAspectRatio</a> attribute is only supported by SVG Native on the following elements:</p>
   <ul>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/struct.html#elementdef-svg" id="ref-for-elementdef-svg④">svg</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/embedded.html#elementdef-image" id="ref-for-elementdef-image②">image</a></code></p>
    <li data-md>
     <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/pservers.html#elementdef-pattern" id="ref-for-elementdef-pattern">pattern</a></code></p>
   </ul>
   <h2 class="heading settled" data-level="7" id="paths"><span class="secno">7. </span><span class="content">Paths</span><a class="self-link" href="#paths"></a></h2>
   <p>The <a class="property" data-link-type="propdesc">pathLength</a> attribute on the <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/paths.html#elementdef-path" id="ref-for-elementdef-path①">path</a></code> element is not supported by SVG Native.</p>
   <h2 class="heading settled" data-level="8" id="text"><span class="secno">8. </span><span class="content">Text</span><a class="self-link" href="#text"></a></h2>
   <p>All text and fonts facilities are not supported by SVG Native. This includes <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/text.html#elementdef-text" id="ref-for-elementdef-text">text</a></code>, <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/text.html#elementdef-tspan" id="ref-for-elementdef-tspan">tspan</a></code>, <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/text.html#elementdef-textPath" id="ref-for-elementdef-textPath">textPath</a></code>, <code><a data-link-type="element" href="https://www.w3.org/TR/SVG11/fonts.html#FontElement" id="ref-for-FontElement">font</a></code>, <code><a data-link-type="element" href="https://www.w3.org/TR/SVG11/fonts.html#GlyphElement" id="ref-for-GlyphElement">glyph</a></code>, <code><a data-link-type="element">missingGlyph</a></code>, <code><a data-link-type="element" href="https://www.w3.org/TR/SVG11/fonts.html#KernElements" id="ref-for-KernElements">hkern</a></code>, <code><a data-link-type="element">vkern</a></code>, <code><a data-link-type="element" href="https://www.w3.org/TR/SVG11/fonts.html#FontFaceElement" id="ref-for-FontFaceElement">font-face</a></code>, <code><a data-link-type="element" href="https://www.w3.org/TR/SVG11/fonts.html#FontFaceSrcElement" id="ref-for-FontFaceSrcElement">font-face-src</a></code>, <code><a data-link-type="element" href="https://www.w3.org/TR/SVG11/fonts.html#FontFaceURIElement" id="ref-for-FontFaceURIElement">font-face-uri</a></code>, <code><a data-link-type="element">font-face-format</a></code>, <code><a data-link-type="element" href="https://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement" id="ref-for-FontFaceNameElement">font-face-name</a></code>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-logical-1/#propdef-inline-size" id="ref-for-propdef-inline-size">inline-size</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/text.html#ShapeInsideProperty" id="ref-for-ShapeInsideProperty">shape-inside</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/text.html#ShapesubtractProperty" id="ref-for-ShapesubtractProperty">shape-subtract</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-shapes-1/#propdef-shape-image-threshold" id="ref-for-propdef-shape-image-threshold">shape-image-threshold</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/text.html#ShapeMarginProperty" id="ref-for-ShapeMarginProperty">shape-margin</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-shapes-2/#propdef-shape-padding" id="ref-for-propdef-shape-padding">shape-padding</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/text.html#TextAnchorProperty" id="ref-for-TextAnchorProperty">text-anchor</a>, <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/SVG11/text.html#GlyphOrientationHorizontalProperty" id="ref-for-GlyphOrientationHorizontalProperty">glyph-orientation-horizontal</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-writing-modes-4/#propdef-glyph-orientation-vertical" id="ref-for-propdef-glyph-orientation-vertical">glyph-orientation-vertical</a>, <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/SVG11/text.html#KerningProperty" id="ref-for-KerningProperty">kerning</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-overflow-4/#propdef-text-overflow" id="ref-for-propdef-text-overflow">text-overflow</a>, 'xml:space', <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/svg2/text.html#TextDecorationFillProperty" id="ref-for-TextDecorationFillProperty">text-decoration-fill</a>, <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/svg2/text.html#TextDecorationStrokeProperty" id="ref-for-TextDecorationStrokeProperty">text-decoration-stroke</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-3/#propdef-letter-spacing" id="ref-for-propdef-letter-spacing">letter-spacing</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-3/#propdef-text-align" id="ref-for-propdef-text-align">text-align</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-3/#propdef-text-align-last" id="ref-for-propdef-text-align-last">text-align-last</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-3/#propdef-text-indent" id="ref-for-propdef-text-indent">text-indent</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-3/#propdef-word-spacing" id="ref-for-propdef-word-spacing">word-spacing</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-4/#propdef-white-space" id="ref-for-propdef-white-space">white-space</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-inline-3/#propdef-vertical-align" id="ref-for-propdef-vertical-align">vertical-align</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-inline-3/#propdef-dominant-baseline" id="ref-for-propdef-dominant-baseline">dominant-baseline</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-inline-3/#propdef-alignment-baseline" id="ref-for-propdef-alignment-baseline">alignment-baseline</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-inline-3/#propdef-baseline-shift" id="ref-for-propdef-baseline-shift">baseline-shift</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-writing-modes-3/#propdef-direction" id="ref-for-propdef-direction">direction</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation" id="ref-for-propdef-text-orientation">text-orientation</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode" id="ref-for-propdef-writing-mode">writing-mode</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-3/#propdef-font" id="ref-for-propdef-font">font</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-family" id="ref-for-propdef-font-family">font-family</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-4/#propdef-font-feature-settings" id="ref-for-propdef-font-feature-settings">font-feature-settings</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-4/#propdef-font-kerning" id="ref-for-propdef-font-kerning">font-kerning</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-size" id="ref-for-propdef-font-size">font-size</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-4/#propdef-font-size-adjust" id="ref-for-propdef-font-size-adjust">font-size-adjust</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-4/#propdef-font-stretch" id="ref-for-propdef-font-stretch">font-stretch</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-style" id="ref-for-propdef-font-style">font-style</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-variant" id="ref-for-propdef-font-variant">font-variant</a>, the subproperties of <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-variant" id="ref-for-propdef-font-variant①">font-variant</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-weight" id="ref-for-propdef-font-weight">font-weight</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration" id="ref-for-propdef-text-decoration">text-decoration</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-line" id="ref-for-propdef-text-decoration-line">text-decoration-line</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration-style" id="ref-for-propdef-text-decoration-style">text-decoration-style</a>, <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration-color" id="ref-for-propdef-text-decoration-color">text-decoration-color</a>, and <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty" id="ref-for-TextRenderingProperty">text-rendering</a>.</p>
   <h2 class="heading settled" data-level="9" id="embedded"><span class="secno">9. </span><span class="content">Embedded Content</span><a class="self-link" href="#embedded"></a></h2>
   <p>HTML elements in SVG subtrees are not supported by SVG Native.</p>
   <p><code><a data-link-type="element" href="https://svgwg.org/svg2-draft/embedded.html#elementdef-foreignObject" id="ref-for-elementdef-foreignObject">foreignObject</a></code> is not supported by SVG Native.</p>
   <h2 class="heading settled" data-level="10" id="painting"><span class="secno">10. </span><span class="content">Painting: Filling, Stroking, and Marker Symbols</span><a class="self-link" href="#painting"></a></h2>
   <p>The <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-display-3/#propdef-display" id="ref-for-propdef-display">display</a> attribute is not supported by SVG Native.</p>
   <p class="note" role="note"><span>Note:</span> Hiding elements can be achieved with the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visufx.html#propdef-visibility" id="ref-for-propdef-visibility">visibility</a> attribute.</p>
   <p>The <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/painting.html#elementdef-marker" id="ref-for-elementdef-marker">marker</a></code> element is not supported by SVG Native, nor are the <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/painting.html#MarkerProperty" id="ref-for-MarkerProperty">marker</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/painting.html#MarkerStartProperty" id="ref-for-MarkerStartProperty">marker-start</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/painting.html#MarkerMidProperty" id="ref-for-MarkerMidProperty">marker-mid</a>, and <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/painting.html#MarkerEndProperty" id="ref-for-MarkerEndProperty">marker-end</a> properties.</p>
   <p>The <span class="css">context-fill</span> and <span class="css">context-stroke</span> values are not supported by SVG Native.</p>
   <p class="note" role="note"><span>Note:</span> Authors wishing to use a contextual color from the environment may use <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-4/#valdef-color-currentcolor" id="ref-for-valdef-color-currentcolor">currentColor</a>.</p>
   <p>The <code><a data-link-type="element">color</a></code> property is not supported by SVG Native.</p>
   <p class="note" role="note"><span>Note:</span> The absence of <code><a data-link-type="element">color</a></code> makes it impossible to change the value of <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-color-4/#valdef-color-currentcolor" id="ref-for-valdef-color-currentcolor①">currentColor</a> from its initial value.</p>
   <p>The <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/coords.html#VectorEffectProperty" id="ref-for-VectorEffectProperty">vector-effect</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/painting.html#PaintOrderProperty" id="ref-for-PaintOrderProperty">paint-order</a>, <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/painting.html#ColorInterpolationProperty" id="ref-for-ColorInterpolationProperty">color-interpolation</a>, and <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-will-change-1/#propdef-will-change" id="ref-for-propdef-will-change">will-change</a> attributs are not supported by SVG Native.</p>
   <p>All color interpolation occurs in the sRGB color space.</p>
   <h2 class="heading settled" data-level="11" id="pservers"><span class="secno">11. </span><span class="content">Gradients and Patterns</span><a class="self-link" href="#pservers"></a></h2>
   <p>Only the <a class="css" data-link-type="maybe" href="https://drafts.fxtf.org/css-masking-1/#valdef-clippathunits-userspaceonuse" id="ref-for-valdef-clippathunits-userspaceonuse">userSpaceOnUse</a> value of <a class="property" data-link-type="propdesc">gradientUnits</a> is supported. According to <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>, the default value of <a class="property" data-link-type="propdesc">gradientUnits</a> is <a class="css" data-link-type="maybe" href="https://drafts.fxtf.org/css-masking-1/#valdef-clippathunits-objectboundingbox" id="ref-for-valdef-clippathunits-objectboundingbox">objectBoundingBox</a>, which isn’t supported. This means that all <code><a data-link-type="element">gradient</a></code> elements must include <code>gradientUnits="userSpaceOnUse"</code> to be valid.</p>
   <p>The <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/pservers.html#elementdef-pattern" id="ref-for-elementdef-pattern①">pattern</a></code> element is not supported by SVG Native.</p>
   <h2 class="heading settled" data-level="12" id="interact"><span class="secno">12. </span><span class="content">Scripting and Interactivity</span><a class="self-link" href="#interact"></a></h2>
   <p>All scripting and interactivity facilities are not supported by SVG Native. This includes the <a class="property" data-link-type="propdesc" href="https://svgwg.org/svg2-draft/interact.html#PointerEventsProperty" id="ref-for-PointerEventsProperty">pointer-events</a> and <a class="property" data-link-type="propdesc">zoomAndPan</a> attributes and the <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/interact.html#elementdef-script" id="ref-for-elementdef-script">script</a></code> element. No contents of the SVG Native document are focusable.</p>
   <h2 class="heading settled" data-level="13" id="linking"><span class="secno">13. </span><span class="content">Linking</span><a class="self-link" href="#linking"></a></h2>
   <p>All external resource loading is forbidden. All URLs must either be a data URL or only consist of a fragment identifier.</p>
   <p>The <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/linking.html#elementdef-a" id="ref-for-elementdef-a">a</a></code> element and <code><a data-link-type="element" href="https://svgwg.org/svg2-draft/linking.html#elementdef-view" id="ref-for-elementdef-view">view</a></code> elements are not supported by SVG Native.</p>
  </main>
  <h2 class="no-ref no-num heading settled" id="conformance"><span class="content"> Conformance</span><a class="self-link" href="#conformance"></a></h2>
  <h3 class="no-ref heading settled" id="conventions"><span class="content"> Document conventions</span><a class="self-link" href="#conventions"></a></h3>
  <p>Conformance requirements are expressed with a combination of
    descriptive assertions and RFC 2119 terminology. The key words “MUST”,
    “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”,
    “RECOMMENDED”, “MAY”, and “OPTIONAL” in the normative parts of this
    document are to be interpreted as described in RFC 2119.
    However, for readability, these words do not appear in all uppercase
    letters in this specification. </p>
  <p>All of the text of this specification is normative except sections
    explicitly marked as non-normative, examples, and notes. <a data-link-type="biblio" href="#biblio-rfc2119">[RFC2119]</a></p>
  <p>Examples in this specification are introduced with the words “for example”
    or are set apart from the normative text with <code>class="example"</code>,
    like this: </p>
  <div class="example" id="example-ae2b6bc0">
   <a class="self-link" href="#example-ae2b6bc0"></a> 
   <p>This is an example of an informative example.</p>
  </div>
  <p>Informative notes begin with the word “Note” and are set apart from the
    normative text with <code>class="note"</code>, like this: </p>
  <p class="note" role="note">Note, this is an informative note.</p>
  <p>Advisements are normative sections styled to evoke special attention and are
    set apart from other normative text with <code>&lt;strong class="advisement"></code>, like
    this: <strong class="advisement"> UAs MUST provide an accessible alternative. </strong> </p>
  <h3 class="no-ref heading settled" id="conformance-classes"><span class="content"> Conformance classes</span><a class="self-link" href="#conformance-classes"></a></h3>
  <p>Conformance to this specification
    is defined for three conformance classes: </p>
  <dl>
   <dt>style sheet 
   <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS
            style sheet</a>. 
   <dt>renderer 
   <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> that interprets the semantics of a style sheet and renders
            documents that use them. 
   <dt>authoring tool 
   <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> that writes a style sheet. 
  </dl>
  <p>A style sheet is conformant to this specification
    if all of its statements that use syntax defined in this module are valid
    according to the generic CSS grammar and the individual grammars of each
    feature defined in this module. </p>
  <p>A renderer is conformant to this specification
    if, in addition to interpreting the style sheet as defined by the
    appropriate specifications, it supports all the features defined
    by this specification by parsing them correctly
    and rendering the document accordingly. However, the inability of a
    UA to correctly render a document due to limitations of the device
    does not make the UA non-conformant. (For example, a UA is not
    required to render color on a monochrome monitor.) </p>
  <p>An authoring tool is conformant to this specification
    if it writes style sheets that are syntactically correct according to the
    generic CSS grammar and the individual grammars of each feature in
    this module, and meet all other conformance requirements of style sheets
    as described in this module. </p>
  <h3 class="no-ref heading settled" id="partial"><span class="content"> Partial implementations</span><a class="self-link" href="#partial"></a></h3>
  <p>So that authors can exploit the forward-compatible parsing rules to
    assign fallback values, CSS renderers <strong>must</strong> treat as invalid (and <a href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignore
    as appropriate</a>) any at-rules, properties, property values, keywords,
    and other syntactic constructs for which they have no usable level of
    support. In particular, user agents <strong>must not</strong> selectively
    ignore unsupported component values and honor supported values in a single
    multi-value property declaration: if any value is considered invalid
    (as unsupported values must be), CSS requires that the entire declaration
    be ignored.</p>
  <h4 class="heading settled" id="conform-future-proofing"><span class="content"> Implementations of Unstable and Proprietary Features</span><a class="self-link" href="#conform-future-proofing"></a></h4>
  <p>To avoid clashes with future stable CSS features,
        the CSSWG recommends <a href="http://www.w3.org/TR/CSS/#future-proofing">following best practices</a> for the implementation of <a href="http://www.w3.org/TR/CSS/#unstable">unstable</a> features and <a href="http://www.w3.org/TR/CSS/#proprietary-extension">proprietary extensions</a> to CSS. </p>
  <h3 class="no-ref heading settled" id="testing"><span class="content"> Non-experimental implementations</span><a class="self-link" href="#testing"></a></h3>
  <p>Once a specification reaches the Candidate Recommendation stage,
    non-experimental implementations are possible, and implementors should
    release an unprefixed implementation of any CR-level feature they
    can demonstrate to be correctly implemented according to spec. </p>
  <p>To establish and maintain the interoperability of CSS across
    implementations, the CSS Working Group requests that non-experimental
    CSS renderers submit an implementation report (and, if necessary, the
    testcases used for that implementation report) to the W3C before
    releasing an unprefixed implementation of any CSS features. Testcases
    submitted to W3C are subject to review and correction by the CSS
    Working Group. </p>
  <p>
   Further information on submitting testcases and implementation reports
    can be found from on the CSS Working Group’s website at <a href="http://www.w3.org/Style/CSS/Test/">http://www.w3.org/Style/CSS/Test/</a>.
    Questions should be directed to the <a href="http://lists.w3.org/Archives/Public/public-css-testsuite">public-css-testsuite@w3.org</a> mailing list. 
<script src="https://www.w3.org/scripts/TR/2016/fixup.js"></script>
  </p>
  <h2 class="no-num no-ref heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
  <aside class="dfn-panel" data-for="term-for-propdef-all">
   <a href="https://drafts.csswg.org/css-cascade-4/#propdef-all">https://drafts.csswg.org/css-cascade-4/#propdef-all</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-all">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-all-inherit">
   <a href="https://drafts.csswg.org/css-cascade-4/#valdef-all-inherit">https://drafts.csswg.org/css-cascade-4/#valdef-all-inherit</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-all-inherit">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-all-initial">
   <a href="https://drafts.csswg.org/css-cascade-4/#valdef-all-initial">https://drafts.csswg.org/css-cascade-4/#valdef-all-initial</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-all-initial">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-all-revert">
   <a href="https://drafts.csswg.org/css-cascade-4/#valdef-all-revert">https://drafts.csswg.org/css-cascade-4/#valdef-all-revert</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-all-revert">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-all-unset">
   <a href="https://drafts.csswg.org/css-cascade-4/#valdef-all-unset">https://drafts.csswg.org/css-cascade-4/#valdef-all-unset</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-all-unset">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-color-currentcolor">
   <a href="https://drafts.csswg.org/css-color-4/#valdef-color-currentcolor">https://drafts.csswg.org/css-color-4/#valdef-color-currentcolor</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-color-currentcolor">10. Painting: Filling, Stroking, and Marker Symbols</a> <a href="#ref-for-valdef-color-currentcolor①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-display">
   <a href="https://drafts.csswg.org/css-display-3/#propdef-display">https://drafts.csswg.org/css-display-3/#propdef-display</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-display">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-funcdef-env">
   <a href="https://drafts.csswg.org/css-env-1/#funcdef-env">https://drafts.csswg.org/css-env-1/#funcdef-env</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-funcdef-env">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font">
   <a href="https://drafts.csswg.org/css-fonts-3/#propdef-font">https://drafts.csswg.org/css-fonts-3/#propdef-font</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-family">
   <a href="https://drafts.csswg.org/css-fonts-3/#propdef-font-family">https://drafts.csswg.org/css-fonts-3/#propdef-font-family</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-family">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-size">
   <a href="https://drafts.csswg.org/css-fonts-3/#propdef-font-size">https://drafts.csswg.org/css-fonts-3/#propdef-font-size</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-size">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-style">
   <a href="https://drafts.csswg.org/css-fonts-3/#propdef-font-style">https://drafts.csswg.org/css-fonts-3/#propdef-font-style</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-style">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-variant">
   <a href="https://drafts.csswg.org/css-fonts-3/#propdef-font-variant">https://drafts.csswg.org/css-fonts-3/#propdef-font-variant</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-variant">8. Text</a> <a href="#ref-for-propdef-font-variant①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-weight">
   <a href="https://drafts.csswg.org/css-fonts-3/#propdef-font-weight">https://drafts.csswg.org/css-fonts-3/#propdef-font-weight</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-weight">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-feature-settings">
   <a href="https://drafts.csswg.org/css-fonts-4/#propdef-font-feature-settings">https://drafts.csswg.org/css-fonts-4/#propdef-font-feature-settings</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-feature-settings">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-kerning">
   <a href="https://drafts.csswg.org/css-fonts-4/#propdef-font-kerning">https://drafts.csswg.org/css-fonts-4/#propdef-font-kerning</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-kerning">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-size-adjust">
   <a href="https://drafts.csswg.org/css-fonts-4/#propdef-font-size-adjust">https://drafts.csswg.org/css-fonts-4/#propdef-font-size-adjust</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-size-adjust">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-font-stretch">
   <a href="https://drafts.csswg.org/css-fonts-4/#propdef-font-stretch">https://drafts.csswg.org/css-fonts-4/#propdef-font-stretch</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-font-stretch">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-alignment-baseline">
   <a href="https://drafts.csswg.org/css-inline-3/#propdef-alignment-baseline">https://drafts.csswg.org/css-inline-3/#propdef-alignment-baseline</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-alignment-baseline">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-baseline-shift">
   <a href="https://drafts.csswg.org/css-inline-3/#propdef-baseline-shift">https://drafts.csswg.org/css-inline-3/#propdef-baseline-shift</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-baseline-shift">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-dominant-baseline">
   <a href="https://drafts.csswg.org/css-inline-3/#propdef-dominant-baseline">https://drafts.csswg.org/css-inline-3/#propdef-dominant-baseline</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-dominant-baseline">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-vertical-align">
   <a href="https://drafts.csswg.org/css-inline-3/#propdef-vertical-align">https://drafts.csswg.org/css-inline-3/#propdef-vertical-align</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-vertical-align">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-inline-size">
   <a href="https://drafts.csswg.org/css-logical-1/#propdef-inline-size">https://drafts.csswg.org/css-logical-1/#propdef-inline-size</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-inline-size">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-clip">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-clip">https://drafts.fxtf.org/css-masking-1/#propdef-clip</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-clip">2. Rendering Model</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-clip-path">
   <a href="https://drafts.fxtf.org/css-masking-1/#propdef-clip-path">https://drafts.fxtf.org/css-masking-1/#propdef-clip-path</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-clip-path">2. Rendering Model</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-clippath">
   <a href="https://drafts.fxtf.org/css-masking-1/#elementdef-clippath">https://drafts.fxtf.org/css-masking-1/#elementdef-clippath</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-clippath">2. Rendering Model</a> <a href="#ref-for-elementdef-clippath①">(2)</a>
    <li><a href="#ref-for-elementdef-clippath②">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-clippathunits-objectboundingbox">
   <a href="https://drafts.fxtf.org/css-masking-1/#valdef-clippathunits-objectboundingbox">https://drafts.fxtf.org/css-masking-1/#valdef-clippathunits-objectboundingbox</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-clippathunits-objectboundingbox">11. Gradients and Patterns</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-clippathunits-userspaceonuse">
   <a href="https://drafts.fxtf.org/css-masking-1/#valdef-clippathunits-userspaceonuse">https://drafts.fxtf.org/css-masking-1/#valdef-clippathunits-userspaceonuse</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-clippathunits-userspaceonuse">11. Gradients and Patterns</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-overflow">
   <a href="https://drafts.csswg.org/css-overflow-3/#propdef-overflow">https://drafts.csswg.org/css-overflow-3/#propdef-overflow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-overflow">2. Rendering Model</a> <a href="#ref-for-propdef-overflow①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-overflow-scroll">
   <a href="https://drafts.csswg.org/css-overflow-3/#valdef-overflow-scroll">https://drafts.csswg.org/css-overflow-3/#valdef-overflow-scroll</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-overflow-scroll">2. Rendering Model</a> <a href="#ref-for-valdef-overflow-scroll①">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-overflow">
   <a href="https://drafts.csswg.org/css-overflow-4/#propdef-text-overflow">https://drafts.csswg.org/css-overflow-4/#propdef-text-overflow</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-overflow">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-valdef-scroll-padding-auto">
   <a href="https://drafts.csswg.org/css-scroll-snap-1/#valdef-scroll-padding-auto">https://drafts.csswg.org/css-scroll-snap-1/#valdef-scroll-padding-auto</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-valdef-scroll-padding-auto">2. Rendering Model</a>
    <li><a href="#ref-for-valdef-scroll-padding-auto①">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-shape-image-threshold">
   <a href="https://drafts.csswg.org/css-shapes-1/#propdef-shape-image-threshold">https://drafts.csswg.org/css-shapes-1/#propdef-shape-image-threshold</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-shape-image-threshold">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-shape-padding">
   <a href="https://drafts.csswg.org/css-shapes-2/#propdef-shape-padding">https://drafts.csswg.org/css-shapes-2/#propdef-shape-padding</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-shape-padding">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-letter-spacing">
   <a href="https://drafts.csswg.org/css-text-3/#propdef-letter-spacing">https://drafts.csswg.org/css-text-3/#propdef-letter-spacing</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-letter-spacing">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-align">
   <a href="https://drafts.csswg.org/css-text-3/#propdef-text-align">https://drafts.csswg.org/css-text-3/#propdef-text-align</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-align">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-align-last">
   <a href="https://drafts.csswg.org/css-text-3/#propdef-text-align-last">https://drafts.csswg.org/css-text-3/#propdef-text-align-last</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-align-last">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-indent">
   <a href="https://drafts.csswg.org/css-text-3/#propdef-text-indent">https://drafts.csswg.org/css-text-3/#propdef-text-indent</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-indent">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-word-spacing">
   <a href="https://drafts.csswg.org/css-text-3/#propdef-word-spacing">https://drafts.csswg.org/css-text-3/#propdef-word-spacing</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-word-spacing">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-white-space">
   <a href="https://drafts.csswg.org/css-text-4/#propdef-white-space">https://drafts.csswg.org/css-text-4/#propdef-white-space</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-white-space">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-decoration">
   <a href="https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration">https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-decoration">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-decoration-color">
   <a href="https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration-color">https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration-color</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-decoration-color">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-decoration-style">
   <a href="https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration-style">https://drafts.csswg.org/css-text-decor-3/#propdef-text-decoration-style</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-decoration-style">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-decoration-line">
   <a href="https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-line">https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-line</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-decoration-line">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-transform">
   <a href="https://drafts.csswg.org/css-transforms-1/#propdef-transform">https://drafts.csswg.org/css-transforms-1/#propdef-transform</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-transform">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-funcdef-calc">
   <a href="https://drafts.csswg.org/css-values-4/#funcdef-calc">https://drafts.csswg.org/css-values-4/#funcdef-calc</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-funcdef-calc">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-cm">
   <a href="https://drafts.csswg.org/css-values-4/#cm">https://drafts.csswg.org/css-values-4/#cm</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-cm">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-in">
   <a href="https://drafts.csswg.org/css-values-4/#in">https://drafts.csswg.org/css-values-4/#in</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-in">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-mm">
   <a href="https://drafts.csswg.org/css-values-4/#mm">https://drafts.csswg.org/css-values-4/#mm</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-mm">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-pc">
   <a href="https://drafts.csswg.org/css-values-4/#pc">https://drafts.csswg.org/css-values-4/#pc</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-pc">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-pt">
   <a href="https://drafts.csswg.org/css-values-4/#pt">https://drafts.csswg.org/css-values-4/#pt</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-pt">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-px">
   <a href="https://drafts.csswg.org/css-values-4/#px">https://drafts.csswg.org/css-values-4/#px</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-px">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-funcdef-var">
   <a href="https://drafts.csswg.org/css-variables-1/#funcdef-var">https://drafts.csswg.org/css-variables-1/#funcdef-var</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-funcdef-var">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-will-change">
   <a href="https://drafts.csswg.org/css-will-change-1/#propdef-will-change">https://drafts.csswg.org/css-will-change-1/#propdef-will-change</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-will-change">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-direction">
   <a href="https://drafts.csswg.org/css-writing-modes-3/#propdef-direction">https://drafts.csswg.org/css-writing-modes-3/#propdef-direction</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-direction">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-glyph-orientation-vertical">
   <a href="https://drafts.csswg.org/css-writing-modes-4/#propdef-glyph-orientation-vertical">https://drafts.csswg.org/css-writing-modes-4/#propdef-glyph-orientation-vertical</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-glyph-orientation-vertical">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-text-orientation">
   <a href="https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation">https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-text-orientation">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-writing-mode">
   <a href="https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode">https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-writing-mode">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-height">
   <a href="https://drafts.csswg.org/css2/visudet.html#propdef-height">https://drafts.csswg.org/css2/visudet.html#propdef-height</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-height">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-visibility">
   <a href="https://drafts.csswg.org/css2/visufx.html#propdef-visibility">https://drafts.csswg.org/css2/visufx.html#propdef-visibility</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-visibility">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-propdef-width">
   <a href="https://drafts.csswg.org/css2/visudet.html#propdef-width">https://drafts.csswg.org/css2/visudet.html#propdef-width</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-propdef-width">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-the-img-element">
   <a href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element">https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-the-img-element">1.2. Basics</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-meta">
   <a href="https://html.spec.whatwg.org/multipage/semantics.html#meta">https://html.spec.whatwg.org/multipage/semantics.html#meta</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-meta">3. Document Structure</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-FontElement">
   <a href="https://www.w3.org/TR/SVG11/fonts.html#FontElement">https://www.w3.org/TR/SVG11/fonts.html#FontElement</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-FontElement">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-FontFaceElement">
   <a href="https://www.w3.org/TR/SVG11/fonts.html#FontFaceElement">https://www.w3.org/TR/SVG11/fonts.html#FontFaceElement</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-FontFaceElement">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-FontFaceNameElement">
   <a href="https://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">https://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-FontFaceNameElement">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-FontFaceSrcElement">
   <a href="https://www.w3.org/TR/SVG11/fonts.html#FontFaceSrcElement">https://www.w3.org/TR/SVG11/fonts.html#FontFaceSrcElement</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-FontFaceSrcElement">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-FontFaceURIElement">
   <a href="https://www.w3.org/TR/SVG11/fonts.html#FontFaceURIElement">https://www.w3.org/TR/SVG11/fonts.html#FontFaceURIElement</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-FontFaceURIElement">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-GlyphElement">
   <a href="https://www.w3.org/TR/SVG11/fonts.html#GlyphElement">https://www.w3.org/TR/SVG11/fonts.html#GlyphElement</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-GlyphElement">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-GlyphOrientationHorizontalProperty">
   <a href="https://www.w3.org/TR/SVG11/text.html#GlyphOrientationHorizontalProperty">https://www.w3.org/TR/SVG11/text.html#GlyphOrientationHorizontalProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-GlyphOrientationHorizontalProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-KernElements">
   <a href="https://www.w3.org/TR/SVG11/fonts.html#KernElements">https://www.w3.org/TR/SVG11/fonts.html#KernElements</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-KernElements">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-KerningProperty">
   <a href="https://www.w3.org/TR/SVG11/text.html#KerningProperty">https://www.w3.org/TR/SVG11/text.html#KerningProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-KerningProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-a">
   <a href="https://svgwg.org/svg2-draft/linking.html#elementdef-a">https://svgwg.org/svg2-draft/linking.html#elementdef-a</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-a">13. Linking</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-circle">
   <a href="https://svgwg.org/svg2-draft/shapes.html#elementdef-circle">https://svgwg.org/svg2-draft/shapes.html#elementdef-circle</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-circle">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ColorInterpolationProperty">
   <a href="https://svgwg.org/svg2-draft/painting.html#ColorInterpolationProperty">https://svgwg.org/svg2-draft/painting.html#ColorInterpolationProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ColorInterpolationProperty">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-CxProperty">
   <a href="https://svgwg.org/svg2-draft/geometry.html#CxProperty">https://svgwg.org/svg2-draft/geometry.html#CxProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-CxProperty">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-CyProperty">
   <a href="https://svgwg.org/svg2-draft/geometry.html#CyProperty">https://svgwg.org/svg2-draft/geometry.html#CyProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-CyProperty">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-defs">
   <a href="https://svgwg.org/svg2-draft/struct.html#elementdef-defs">https://svgwg.org/svg2-draft/struct.html#elementdef-defs</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-defs">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-ellipse">
   <a href="https://svgwg.org/svg2-draft/shapes.html#elementdef-ellipse">https://svgwg.org/svg2-draft/shapes.html#elementdef-ellipse</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-ellipse">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-foreignObject">
   <a href="https://svgwg.org/svg2-draft/embedded.html#elementdef-foreignObject">https://svgwg.org/svg2-draft/embedded.html#elementdef-foreignObject</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-foreignObject">9. Embedded Content</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-g">
   <a href="https://svgwg.org/svg2-draft/struct.html#elementdef-g">https://svgwg.org/svg2-draft/struct.html#elementdef-g</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-g">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-image">
   <a href="https://svgwg.org/svg2-draft/embedded.html#elementdef-image">https://svgwg.org/svg2-draft/embedded.html#elementdef-image</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-image">3. Document Structure</a>
    <li><a href="#ref-for-elementdef-image①">6. Coordinate Systems, Transformations, and Units</a> <a href="#ref-for-elementdef-image②">(2)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-line">
   <a href="https://svgwg.org/svg2-draft/shapes.html#elementdef-line">https://svgwg.org/svg2-draft/shapes.html#elementdef-line</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-line">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-MarkerProperty">
   <a href="https://svgwg.org/svg2-draft/painting.html#MarkerProperty">https://svgwg.org/svg2-draft/painting.html#MarkerProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-MarkerProperty">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-MarkerEndProperty">
   <a href="https://svgwg.org/svg2-draft/painting.html#MarkerEndProperty">https://svgwg.org/svg2-draft/painting.html#MarkerEndProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-MarkerEndProperty">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-MarkerMidProperty">
   <a href="https://svgwg.org/svg2-draft/painting.html#MarkerMidProperty">https://svgwg.org/svg2-draft/painting.html#MarkerMidProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-MarkerMidProperty">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-MarkerStartProperty">
   <a href="https://svgwg.org/svg2-draft/painting.html#MarkerStartProperty">https://svgwg.org/svg2-draft/painting.html#MarkerStartProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-MarkerStartProperty">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-metadata">
   <a href="https://svgwg.org/svg2-draft/struct.html#elementdef-metadata">https://svgwg.org/svg2-draft/struct.html#elementdef-metadata</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-metadata">3. Document Structure</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-PaintOrderProperty">
   <a href="https://svgwg.org/svg2-draft/painting.html#PaintOrderProperty">https://svgwg.org/svg2-draft/painting.html#PaintOrderProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-PaintOrderProperty">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-path">
   <a href="https://svgwg.org/svg2-draft/paths.html#elementdef-path">https://svgwg.org/svg2-draft/paths.html#elementdef-path</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-path">6. Coordinate Systems, Transformations, and Units</a>
    <li><a href="#ref-for-elementdef-path①">7. Paths</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-pattern">
   <a href="https://svgwg.org/svg2-draft/pservers.html#elementdef-pattern">https://svgwg.org/svg2-draft/pservers.html#elementdef-pattern</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-pattern">6. Coordinate Systems, Transformations, and Units</a>
    <li><a href="#ref-for-elementdef-pattern①">11. Gradients and Patterns</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-PointerEventsProperty">
   <a href="https://svgwg.org/svg2-draft/interact.html#PointerEventsProperty">https://svgwg.org/svg2-draft/interact.html#PointerEventsProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-PointerEventsProperty">12. Scripting and Interactivity</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-polygon">
   <a href="https://svgwg.org/svg2-draft/shapes.html#elementdef-polygon">https://svgwg.org/svg2-draft/shapes.html#elementdef-polygon</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-polygon">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-polyline">
   <a href="https://svgwg.org/svg2-draft/shapes.html#elementdef-polyline">https://svgwg.org/svg2-draft/shapes.html#elementdef-polyline</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-polyline">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-RProperty">
   <a href="https://svgwg.org/svg2-draft/geometry.html#RProperty">https://svgwg.org/svg2-draft/geometry.html#RProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-RProperty">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-rect">
   <a href="https://svgwg.org/svg2-draft/shapes.html#elementdef-rect">https://svgwg.org/svg2-draft/shapes.html#elementdef-rect</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-rect">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-RxProperty">
   <a href="https://svgwg.org/svg2-draft/geometry.html#RxProperty">https://svgwg.org/svg2-draft/geometry.html#RxProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-RxProperty">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-RyProperty">
   <a href="https://svgwg.org/svg2-draft/geometry.html#RyProperty">https://svgwg.org/svg2-draft/geometry.html#RyProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-RyProperty">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-script">
   <a href="https://svgwg.org/svg2-draft/interact.html#elementdef-script">https://svgwg.org/svg2-draft/interact.html#elementdef-script</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-script">12. Scripting and Interactivity</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ShapeInsideProperty">
   <a href="https://svgwg.org/svg2-draft/text.html#ShapeInsideProperty">https://svgwg.org/svg2-draft/text.html#ShapeInsideProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ShapeInsideProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ShapeMarginProperty">
   <a href="https://svgwg.org/svg2-draft/text.html#ShapeMarginProperty">https://svgwg.org/svg2-draft/text.html#ShapeMarginProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ShapeMarginProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-ShapesubtractProperty">
   <a href="https://svgwg.org/svg2-draft/text.html#ShapesubtractProperty">https://svgwg.org/svg2-draft/text.html#ShapesubtractProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-ShapesubtractProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-style">
   <a href="https://svgwg.org/svg2-draft/styling.html#elementdef-style">https://svgwg.org/svg2-draft/styling.html#elementdef-style</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-style">4. Styling</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-svg">
   <a href="https://svgwg.org/svg2-draft/struct.html#elementdef-svg">https://svgwg.org/svg2-draft/struct.html#elementdef-svg</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-svg">3. Document Structure</a> <a href="#ref-for-elementdef-svg①">(2)</a>
    <li><a href="#ref-for-elementdef-svg②">6. Coordinate Systems, Transformations, and Units</a> <a href="#ref-for-elementdef-svg③">(2)</a> <a href="#ref-for-elementdef-svg④">(3)</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-switch">
   <a href="https://svgwg.org/svg2-draft/struct.html#elementdef-switch">https://svgwg.org/svg2-draft/struct.html#elementdef-switch</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-switch">3. Document Structure</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-symbol">
   <a href="https://svgwg.org/svg2-draft/struct.html#elementdef-symbol">https://svgwg.org/svg2-draft/struct.html#elementdef-symbol</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-symbol">3. Document Structure</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-text">
   <a href="https://svgwg.org/svg2-draft/text.html#elementdef-text">https://svgwg.org/svg2-draft/text.html#elementdef-text</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-text">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-TextAnchorProperty">
   <a href="https://svgwg.org/svg2-draft/text.html#TextAnchorProperty">https://svgwg.org/svg2-draft/text.html#TextAnchorProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-TextAnchorProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-TextDecorationFillProperty">
   <a href="https://www.w3.org/TR/svg2/text.html#TextDecorationFillProperty">https://www.w3.org/TR/svg2/text.html#TextDecorationFillProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-TextDecorationFillProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-TextDecorationStrokeProperty">
   <a href="https://www.w3.org/TR/svg2/text.html#TextDecorationStrokeProperty">https://www.w3.org/TR/svg2/text.html#TextDecorationStrokeProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-TextDecorationStrokeProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-TextRenderingProperty">
   <a href="https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty">https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-TextRenderingProperty">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-textPath">
   <a href="https://svgwg.org/svg2-draft/text.html#elementdef-textPath">https://svgwg.org/svg2-draft/text.html#elementdef-textPath</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-textPath">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-tspan">
   <a href="https://svgwg.org/svg2-draft/text.html#elementdef-tspan">https://svgwg.org/svg2-draft/text.html#elementdef-tspan</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-tspan">8. Text</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-use">
   <a href="https://svgwg.org/svg2-draft/struct.html#elementdef-use">https://svgwg.org/svg2-draft/struct.html#elementdef-use</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-use">6. Coordinate Systems, Transformations, and Units</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-VectorEffectProperty">
   <a href="https://svgwg.org/svg2-draft/coords.html#VectorEffectProperty">https://svgwg.org/svg2-draft/coords.html#VectorEffectProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-VectorEffectProperty">10. Painting: Filling, Stroking, and Marker Symbols</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-elementdef-view">
   <a href="https://svgwg.org/svg2-draft/linking.html#elementdef-view">https://svgwg.org/svg2-draft/linking.html#elementdef-view</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-elementdef-view">13. Linking</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-XProperty">
   <a href="https://svgwg.org/svg2-draft/geometry.html#XProperty">https://svgwg.org/svg2-draft/geometry.html#XProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-XProperty">5. Geometry Properties</a>
   </ul>
  </aside>
  <aside class="dfn-panel" data-for="term-for-YProperty">
   <a href="https://svgwg.org/svg2-draft/geometry.html#YProperty">https://svgwg.org/svg2-draft/geometry.html#YProperty</a><b>Referenced in:</b>
   <ul>
    <li><a href="#ref-for-YProperty">5. Geometry Properties</a>
   </ul>
  </aside>
  <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
  <ul class="index">
   <li>
    <a data-link-type="biblio">[css-cascade-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-all" style="color:initial">all</span>
     <li><span class="dfn-paneled" id="term-for-valdef-all-inherit" style="color:initial">inherit</span>
     <li><span class="dfn-paneled" id="term-for-valdef-all-initial" style="color:initial">initial</span>
     <li><span class="dfn-paneled" id="term-for-valdef-all-revert" style="color:initial">revert</span>
     <li><span class="dfn-paneled" id="term-for-valdef-all-unset" style="color:initial">unset</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-color-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-valdef-color-currentcolor" style="color:initial">currentcolor</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-display-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-display" style="color:initial">display</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-env-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-funcdef-env" style="color:initial">env()</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-fonts-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-font" style="color:initial">font</span>
     <li><span class="dfn-paneled" id="term-for-propdef-font-family" style="color:initial">font-family</span>
     <li><span class="dfn-paneled" id="term-for-propdef-font-size" style="color:initial">font-size</span>
     <li><span class="dfn-paneled" id="term-for-propdef-font-style" style="color:initial">font-style</span>
     <li><span class="dfn-paneled" id="term-for-propdef-font-variant" style="color:initial">font-variant</span>
     <li><span class="dfn-paneled" id="term-for-propdef-font-weight" style="color:initial">font-weight</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-fonts-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-font-feature-settings" style="color:initial">font-feature-settings</span>
     <li><span class="dfn-paneled" id="term-for-propdef-font-kerning" style="color:initial">font-kerning</span>
     <li><span class="dfn-paneled" id="term-for-propdef-font-size-adjust" style="color:initial">font-size-adjust</span>
     <li><span class="dfn-paneled" id="term-for-propdef-font-stretch" style="color:initial">font-stretch</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-inline-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-alignment-baseline" style="color:initial">alignment-baseline</span>
     <li><span class="dfn-paneled" id="term-for-propdef-baseline-shift" style="color:initial">baseline-shift</span>
     <li><span class="dfn-paneled" id="term-for-propdef-dominant-baseline" style="color:initial">dominant-baseline</span>
     <li><span class="dfn-paneled" id="term-for-propdef-vertical-align" style="color:initial">vertical-align</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-logical-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-inline-size" style="color:initial">inline-size</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-masking-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-clip" style="color:initial">clip</span>
     <li><span class="dfn-paneled" id="term-for-propdef-clip-path" style="color:initial">clip-path</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-clippath" style="color:initial">clippath</span>
     <li><span class="dfn-paneled" id="term-for-valdef-clippathunits-objectboundingbox" style="color:initial">objectboundingbox</span>
     <li><span class="dfn-paneled" id="term-for-valdef-clippathunits-userspaceonuse" style="color:initial">userspaceonuse</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-overflow-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-overflow" style="color:initial">overflow</span>
     <li><span class="dfn-paneled" id="term-for-valdef-overflow-scroll" style="color:initial">scroll</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-overflow-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-text-overflow" style="color:initial">text-overflow</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-scroll-snap-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-valdef-scroll-padding-auto" style="color:initial">auto</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-shapes-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-shape-image-threshold" style="color:initial">shape-image-threshold</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-shapes-2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-shape-padding" style="color:initial">shape-padding</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-text-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-letter-spacing" style="color:initial">letter-spacing</span>
     <li><span class="dfn-paneled" id="term-for-propdef-text-align" style="color:initial">text-align</span>
     <li><span class="dfn-paneled" id="term-for-propdef-text-align-last" style="color:initial">text-align-last</span>
     <li><span class="dfn-paneled" id="term-for-propdef-text-indent" style="color:initial">text-indent</span>
     <li><span class="dfn-paneled" id="term-for-propdef-word-spacing" style="color:initial">word-spacing</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-text-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-white-space" style="color:initial">white-space</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-text-decor-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-text-decoration" style="color:initial">text-decoration</span>
     <li><span class="dfn-paneled" id="term-for-propdef-text-decoration-color" style="color:initial">text-decoration-color</span>
     <li><span class="dfn-paneled" id="term-for-propdef-text-decoration-style" style="color:initial">text-decoration-style</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-text-decor-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-text-decoration-line" style="color:initial">text-decoration-line</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-transforms-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-transform" style="color:initial">transform</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-values-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-funcdef-calc" style="color:initial">calc()</span>
     <li><span class="dfn-paneled" id="term-for-cm" style="color:initial">cm</span>
     <li><span class="dfn-paneled" id="term-for-in" style="color:initial">in</span>
     <li><span class="dfn-paneled" id="term-for-mm" style="color:initial">mm</span>
     <li><span class="dfn-paneled" id="term-for-pc" style="color:initial">pc</span>
     <li><span class="dfn-paneled" id="term-for-pt" style="color:initial">pt</span>
     <li><span class="dfn-paneled" id="term-for-px" style="color:initial">px</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-variables-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-funcdef-var" style="color:initial">var()</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-will-change-1]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-will-change" style="color:initial">will-change</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-writing-modes-3]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-direction" style="color:initial">direction</span>
    </ul>
   <li>
    <a data-link-type="biblio">[css-writing-modes-4]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-glyph-orientation-vertical" style="color:initial">glyph-orientation-vertical</span>
     <li><span class="dfn-paneled" id="term-for-propdef-text-orientation" style="color:initial">text-orientation</span>
     <li><span class="dfn-paneled" id="term-for-propdef-writing-mode" style="color:initial">writing-mode</span>
    </ul>
   <li>
    <a data-link-type="biblio">[CSS2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-propdef-height" style="color:initial">height</span>
     <li><span class="dfn-paneled" id="term-for-propdef-visibility" style="color:initial">visibility</span>
     <li><span class="dfn-paneled" id="term-for-propdef-width" style="color:initial">width</span>
    </ul>
   <li>
    <a data-link-type="biblio">[HTML]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-the-img-element" style="color:initial">img</span>
     <li><span class="dfn-paneled" id="term-for-meta" style="color:initial">meta</span>
    </ul>
   <li>
    <a data-link-type="biblio">[SVG11]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-FontElement" style="color:initial">font</span>
     <li><span class="dfn-paneled" id="term-for-FontFaceElement" style="color:initial">font-face</span>
     <li><span class="dfn-paneled" id="term-for-FontFaceNameElement" style="color:initial">font-face-name</span>
     <li><span class="dfn-paneled" id="term-for-FontFaceSrcElement" style="color:initial">font-face-src</span>
     <li><span class="dfn-paneled" id="term-for-FontFaceURIElement" style="color:initial">font-face-uri</span>
     <li><span class="dfn-paneled" id="term-for-GlyphElement" style="color:initial">glyph</span>
     <li><span class="dfn-paneled" id="term-for-GlyphOrientationHorizontalProperty" style="color:initial">glyph-orientation-horizontal</span>
     <li><span class="dfn-paneled" id="term-for-KernElements" style="color:initial">hkern</span>
     <li><span class="dfn-paneled" id="term-for-KerningProperty" style="color:initial">kerning</span>
    </ul>
   <li>
    <a data-link-type="biblio">[SVG2]</a> defines the following terms:
    <ul>
     <li><span class="dfn-paneled" id="term-for-elementdef-a" style="color:initial">a</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-circle" style="color:initial">circle</span>
     <li><span class="dfn-paneled" id="term-for-ColorInterpolationProperty" style="color:initial">color-interpolation</span>
     <li><span class="dfn-paneled" id="term-for-CxProperty" style="color:initial">cx</span>
     <li><span class="dfn-paneled" id="term-for-CyProperty" style="color:initial">cy</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-defs" style="color:initial">defs</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-ellipse" style="color:initial">ellipse</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-foreignObject" style="color:initial">foreignobject</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-g" style="color:initial">g</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-image" style="color:initial">image</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-line" style="color:initial">line</span>
     <li><span class="dfn-paneled" id="term-for-MarkerProperty" style="color:initial">marker</span>
     <li><span class="dfn-paneled" id="term-for-MarkerEndProperty" style="color:initial">marker-end</span>
     <li><span class="dfn-paneled" id="term-for-MarkerMidProperty" style="color:initial">marker-mid</span>
     <li><span class="dfn-paneled" id="term-for-MarkerStartProperty" style="color:initial">marker-start</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-metadata" style="color:initial">metadata</span>
     <li><span class="dfn-paneled" id="term-for-PaintOrderProperty" style="color:initial">paint-order</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-path" style="color:initial">path</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-pattern" style="color:initial">pattern</span>
     <li><span class="dfn-paneled" id="term-for-PointerEventsProperty" style="color:initial">pointer-events</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-polygon" style="color:initial">polygon</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-polyline" style="color:initial">polyline</span>
     <li><span class="dfn-paneled" id="term-for-RProperty" style="color:initial">r</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-rect" style="color:initial">rect</span>
     <li><span class="dfn-paneled" id="term-for-RxProperty" style="color:initial">rx</span>
     <li><span class="dfn-paneled" id="term-for-RyProperty" style="color:initial">ry</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-script" style="color:initial">script</span>
     <li><span class="dfn-paneled" id="term-for-ShapeInsideProperty" style="color:initial">shape-inside</span>
     <li><span class="dfn-paneled" id="term-for-ShapeMarginProperty" style="color:initial">shape-margin</span>
     <li><span class="dfn-paneled" id="term-for-ShapesubtractProperty" style="color:initial">shape-subtract</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-style" style="color:initial">style</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-svg" style="color:initial">svg</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-switch" style="color:initial">switch</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-symbol" style="color:initial">symbol</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-text" style="color:initial">text</span>
     <li><span class="dfn-paneled" id="term-for-TextAnchorProperty" style="color:initial">text-anchor</span>
     <li><span class="dfn-paneled" id="term-for-TextDecorationFillProperty" style="color:initial">text-decoration-fill</span>
     <li><span class="dfn-paneled" id="term-for-TextDecorationStrokeProperty" style="color:initial">text-decoration-stroke</span>
     <li><span class="dfn-paneled" id="term-for-TextRenderingProperty" style="color:initial">text-rendering</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-textPath" style="color:initial">textpath</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-tspan" style="color:initial">tspan</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-use" style="color:initial">use</span>
     <li><span class="dfn-paneled" id="term-for-VectorEffectProperty" style="color:initial">vector-effect</span>
     <li><span class="dfn-paneled" id="term-for-elementdef-view" style="color:initial">view</span>
     <li><span class="dfn-paneled" id="term-for-XProperty" style="color:initial">x</span>
     <li><span class="dfn-paneled" id="term-for-YProperty" style="color:initial">y</span>
    </ul>
  </ul>
  <h2 class="no-num no-ref heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2>
  <h3 class="no-num no-ref heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3>
  <dl>
   <dt id="biblio-apng">[APNG]
   <dd>S. Parmenter; V. Vukicevic; A. Smith. <a href="https://wiki.mozilla.org/APNG_Specification">APNG Specification</a>. URL: <a href="https://wiki.mozilla.org/APNG_Specification">https://wiki.mozilla.org/APNG_Specification</a>
   <dt id="biblio-css-cascade-4">[CSS-CASCADE-4]
   <dd>Elika Etemad; Tab Atkins Jr.. <a href="https://www.w3.org/TR/css-cascade-4/">CSS Cascading and Inheritance Level 4</a>. 28 August 2018. CR. URL: <a href="https://www.w3.org/TR/css-cascade-4/">https://www.w3.org/TR/css-cascade-4/</a>
   <dt id="biblio-css-display-3">[CSS-DISPLAY-3]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://www.w3.org/TR/css-display-3/">CSS Display Module Level 3</a>. 28 August 2018. CR. URL: <a href="https://www.w3.org/TR/css-display-3/">https://www.w3.org/TR/css-display-3/</a>
   <dt id="biblio-css-env-1">[CSS-ENV-1]
   <dd>CSS Environment Variables Module Level 1 URL: <a href="https://drafts.csswg.org/css-env-1/">https://drafts.csswg.org/css-env-1/</a>
   <dt id="biblio-css-fonts-3">[CSS-FONTS-3]
   <dd>John Daggett; Myles Maxfield; Chris Lilley. <a href="https://www.w3.org/TR/css-fonts-3/">CSS Fonts Module Level 3</a>. 20 September 2018. REC. URL: <a href="https://www.w3.org/TR/css-fonts-3/">https://www.w3.org/TR/css-fonts-3/</a>
   <dt id="biblio-css-fonts-4">[CSS-FONTS-4]
   <dd>John Daggett; Myles Maxfield; Chris Lilley. <a href="https://www.w3.org/TR/css-fonts-4/">CSS Fonts Module Level 4</a>. 20 September 2018. WD. URL: <a href="https://www.w3.org/TR/css-fonts-4/">https://www.w3.org/TR/css-fonts-4/</a>
   <dt id="biblio-css-inline-3">[CSS-INLINE-3]
   <dd>Dave Cramer; Elika Etemad; Steve Zilles. <a href="https://www.w3.org/TR/css-inline-3/">CSS Inline Layout Module Level 3</a>. 8 August 2018. WD. URL: <a href="https://www.w3.org/TR/css-inline-3/">https://www.w3.org/TR/css-inline-3/</a>
   <dt id="biblio-css-logical-1">[CSS-LOGICAL-1]
   <dd>Rossen Atanassov; Elika Etemad. <a href="https://www.w3.org/TR/css-logical-1/">CSS Logical Properties and Values Level 1</a>. 27 August 2018. WD. URL: <a href="https://www.w3.org/TR/css-logical-1/">https://www.w3.org/TR/css-logical-1/</a>
   <dt id="biblio-css-masking-1">[CSS-MASKING-1]
   <dd>Dirk Schulze; Brian Birtles; Tab Atkins Jr.. <a href="https://www.w3.org/TR/css-masking-1/">CSS Masking Module Level 1</a>. 26 August 2014. CR. URL: <a href="https://www.w3.org/TR/css-masking-1/">https://www.w3.org/TR/css-masking-1/</a>
   <dt id="biblio-css-overflow-3">[CSS-OVERFLOW-3]
   <dd>David Baron; Elika Etemad; Florian Rivoal. <a href="https://www.w3.org/TR/css-overflow-3/">CSS Overflow Module Level 3</a>. 31 July 2018. WD. URL: <a href="https://www.w3.org/TR/css-overflow-3/">https://www.w3.org/TR/css-overflow-3/</a>
   <dt id="biblio-css-overflow-4">[CSS-OVERFLOW-4]
   <dd>David Baron; Florian Rivoal. <a href="https://www.w3.org/TR/css-overflow-4/">CSS Overflow Module Level 4</a>. 13 June 2017. WD. URL: <a href="https://www.w3.org/TR/css-overflow-4/">https://www.w3.org/TR/css-overflow-4/</a>
   <dt id="biblio-css-scroll-snap-1">[CSS-SCROLL-SNAP-1]
   <dd>Matt Rakow; et al. <a href="https://www.w3.org/TR/css-scroll-snap-1/">CSS Scroll Snap Module Level 1</a>. 19 March 2019. CR. URL: <a href="https://www.w3.org/TR/css-scroll-snap-1/">https://www.w3.org/TR/css-scroll-snap-1/</a>
   <dt id="biblio-css-shapes-1">[CSS-SHAPES-1]
   <dd>Vincent Hardy; Rossen Atanassov; Alan Stearns. <a href="https://www.w3.org/TR/css-shapes-1/">CSS Shapes Module Level 1</a>. 20 March 2014. CR. URL: <a href="https://www.w3.org/TR/css-shapes-1/">https://www.w3.org/TR/css-shapes-1/</a>
   <dt id="biblio-css-shapes-2">[CSS-SHAPES-2]
   <dd>CSS Shapes Module Level 2 URL: <a href="https://drafts.csswg.org/css-shapes-2/">https://drafts.csswg.org/css-shapes-2/</a>
   <dt id="biblio-css-text-3">[CSS-TEXT-3]
   <dd>Elika Etemad; Koji Ishii; Florian Rivoal. <a href="https://www.w3.org/TR/css-text-3/">CSS Text Module Level 3</a>. 12 December 2018. WD. URL: <a href="https://www.w3.org/TR/css-text-3/">https://www.w3.org/TR/css-text-3/</a>
   <dt id="biblio-css-text-4">[CSS-TEXT-4]
   <dd>Elika Etemad; Koji Ishii; Alan Stearns. <a href="https://www.w3.org/TR/css-text-4/">CSS Text Module Level 4</a>. 20 September 2018. WD. URL: <a href="https://www.w3.org/TR/css-text-4/">https://www.w3.org/TR/css-text-4/</a>
   <dt id="biblio-css-text-decor-3">[CSS-TEXT-DECOR-3]
   <dd>Elika Etemad; Koji Ishii. <a href="https://www.w3.org/TR/css-text-decor-3/">CSS Text Decoration Module Level 3</a>. 3 July 2018. CR. URL: <a href="https://www.w3.org/TR/css-text-decor-3/">https://www.w3.org/TR/css-text-decor-3/</a>
   <dt id="biblio-css-text-decor-4">[CSS-TEXT-DECOR-4]
   <dd>Elika Etemad; Koji Ishii. <a href="https://www.w3.org/TR/css-text-decor-4/">CSS Text Decoration Module Level 4</a>. 13 March 2018. WD. URL: <a href="https://www.w3.org/TR/css-text-decor-4/">https://www.w3.org/TR/css-text-decor-4/</a>
   <dt id="biblio-css-transforms-1">[CSS-TRANSFORMS-1]
   <dd>Simon Fraser; et al. <a href="https://www.w3.org/TR/css-transforms-1/">CSS Transforms Module Level 1</a>. 14 February 2019. CR. URL: <a href="https://www.w3.org/TR/css-transforms-1/">https://www.w3.org/TR/css-transforms-1/</a>
   <dt id="biblio-css-values-4">[CSS-VALUES-4]
   <dd>Tab Atkins Jr.; Elika Etemad. <a href="https://www.w3.org/TR/css-values-4/">CSS Values and Units Module Level 4</a>. 31 January 2019. WD. URL: <a href="https://www.w3.org/TR/css-values-4/">https://www.w3.org/TR/css-values-4/</a>
   <dt id="biblio-css-variables-1">[CSS-VARIABLES-1]
   <dd>Tab Atkins Jr.. <a href="https://www.w3.org/TR/css-variables-1/">CSS Custom Properties for Cascading Variables Module Level 1</a>. 3 December 2015. CR. URL: <a href="https://www.w3.org/TR/css-variables-1/">https://www.w3.org/TR/css-variables-1/</a>
   <dt id="biblio-css-will-change-1">[CSS-WILL-CHANGE-1]
   <dd>Tab Atkins Jr.. <a href="https://www.w3.org/TR/css-will-change-1/">CSS Will Change Module Level 1</a>. 3 December 2015. CR. URL: <a href="https://www.w3.org/TR/css-will-change-1/">https://www.w3.org/TR/css-will-change-1/</a>
   <dt id="biblio-css-writing-modes-3">[CSS-WRITING-MODES-3]
   <dd>Elika Etemad; Koji Ishii. <a href="https://www.w3.org/TR/css-writing-modes-3/">CSS Writing Modes Level 3</a>. 24 May 2018. CR. URL: <a href="https://www.w3.org/TR/css-writing-modes-3/">https://www.w3.org/TR/css-writing-modes-3/</a>
   <dt id="biblio-css-writing-modes-4">[CSS-WRITING-MODES-4]
   <dd>Elika Etemad; Koji Ishii. <a href="https://www.w3.org/TR/css-writing-modes-4/">CSS Writing Modes Level 4</a>. 24 May 2018. CR. URL: <a href="https://www.w3.org/TR/css-writing-modes-4/">https://www.w3.org/TR/css-writing-modes-4/</a>
   <dt id="biblio-css2">[CSS2]
   <dd>Bert Bos; et al. <a href="https://www.w3.org/TR/CSS2/">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. REC. URL: <a href="https://www.w3.org/TR/CSS2/">https://www.w3.org/TR/CSS2/</a>
   <dt id="biblio-html">[HTML]
   <dd>Anne van Kesteren; et al. <a href="https://html.spec.whatwg.org/multipage/">HTML Standard</a>. Living Standard. URL: <a href="https://html.spec.whatwg.org/multipage/">https://html.spec.whatwg.org/multipage/</a>
   <dt id="biblio-jpeg">[JPEG]
   <dd>Eric Hamilton. <a href="https://www.w3.org/Graphics/JPEG/jfif3.pdf">JPEG File Interchange Format</a>. September 1992. URL: <a href="https://www.w3.org/Graphics/JPEG/jfif3.pdf">https://www.w3.org/Graphics/JPEG/jfif3.pdf</a>
   <dt id="biblio-png">[PNG]
   <dd>Tom Lane. <a href="https://www.w3.org/TR/PNG/">Portable Network Graphics (PNG) Specification (Second Edition)</a>. 10 November 2003. REC. URL: <a href="https://www.w3.org/TR/PNG/">https://www.w3.org/TR/PNG/</a>
   <dt id="biblio-rfc2119">[RFC2119]
   <dd>S. Bradner. <a href="https://tools.ietf.org/html/rfc2119">Key words for use in RFCs to Indicate Requirement Levels</a>. March 1997. Best Current Practice. URL: <a href="https://tools.ietf.org/html/rfc2119">https://tools.ietf.org/html/rfc2119</a>
   <dt id="biblio-svg11">[SVG11]
   <dd>Erik Dahlström; et al. <a href="https://www.w3.org/TR/SVG11/">Scalable Vector Graphics (SVG) 1.1 (Second Edition)</a>. 16 August 2011. REC. URL: <a href="https://www.w3.org/TR/SVG11/">https://www.w3.org/TR/SVG11/</a>
   <dt id="biblio-svg2">[SVG2]
   <dd>Amelia Bellamy-Royds; et al. <a href="https://www.w3.org/TR/SVG2/">Scalable Vector Graphics (SVG) 2</a>. 4 October 2018. CR. URL: <a href="https://www.w3.org/TR/SVG2/">https://www.w3.org/TR/SVG2/</a>
  </dl>
  <h3 class="no-num no-ref heading settled" id="informative"><span class="content">Informative References</span><a class="self-link" href="#informative"></a></h3>
  <dl>
   <dt id="biblio-css-color-4">[CSS-COLOR-4]
   <dd>Tab Atkins Jr.; Chris Lilley. <a href="https://www.w3.org/TR/css-color-4/">CSS Color Module Level 4</a>. 5 March 2019. WD. URL: <a href="https://www.w3.org/TR/css-color-4/">https://www.w3.org/TR/css-color-4/</a>
  </dl>
  <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content">Issues Index</span><a class="self-link" href="#issues-index"></a></h2>
  <div style="counter-reset:issue">
   <div class="issue"> The file type and mime type is being discussed in <a href="https://github.com/w3c/svgwg/issues/664">this GitHub issue</a>.<a href="#issue-7110f720"> ↵ </a></div>
  </div>
<script>/* script-dfn-panel */

document.body.addEventListener("click", function(e) {
    var queryAll = function(sel) { return [].slice.call(document.querySelectorAll(sel)); }
    // Find the dfn element or panel, if any, that was clicked on.
    var el = e.target;
    var target;
    var hitALink = false;
    while(el.parentElement) {
        if(el.tagName == "A") {
            // Clicking on a link in a <dfn> shouldn't summon the panel
            hitALink = true;
        }
        if(el.classList.contains("dfn-paneled")) {
            target = "dfn";
            break;
        }
        if(el.classList.contains("dfn-panel")) {
            target = "dfn-panel";
            break;
        }
        el = el.parentElement;
    }
    if(target != "dfn-panel") {
        // Turn off any currently "on" or "activated" panels.
        queryAll(".dfn-panel.on, .dfn-panel.activated").forEach(function(el){
            el.classList.remove("on");
            el.classList.remove("activated");
        });
    }
    if(target == "dfn" && !hitALink) {
        // open the panel
        var dfnPanel = document.querySelector(".dfn-panel[data-for='" + el.id + "']");
        if(dfnPanel) {
            dfnPanel.classList.add("on");
            var rect = el.getBoundingClientRect();
            dfnPanel.style.left = window.scrollX + rect.right + 5 + "px";
            dfnPanel.style.top = window.scrollY + rect.top + "px";
            var panelRect = dfnPanel.getBoundingClientRect();
            var panelWidth = panelRect.right - panelRect.left;
            if(panelRect.right > document.body.scrollWidth && (rect.left - (panelWidth + 5)) > 0) {
                // Reposition, because the panel is overflowing
                dfnPanel.style.left = window.scrollX + rect.left - (panelWidth + 5) + "px";
            }
        } else {
            console.log("Couldn't find .dfn-panel[data-for='" + el.id + "']");
        }
    } else if(target == "dfn-panel") {
        // Switch it to "activated" state, which pins it.
        el.classList.add("activated");
        el.style.left = null;
        el.style.top = null;
    }

});
</script>